#new-song {
  width: 1000px;
  height: 375px;
  margin: 30px auto 15px;
  display: flex;
  justify-content: space-between;

  .left-container {
    width: 650px;
    height: 375px;
    .title-box {
      width: 100%;
      padding-bottom: 15px;
      box-sizing: border-box;
      margin-bottom: 10px;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #f0f0f0;
      .left-title {
        display: flex;
      }
      .main-title {
        font-size: 28px;
        color: #555;
        cursor: default;
        span {
          color: #009af3;
        }
      }
      .type-name {
        margin-left: 40px;
        display: flex;
        line-height: 40px;
        div {
          margin-right: 20px;
          &:hover {
            color: #009af3;
            cursor: pointer;
          }
          &:first-child {
            color: #009af3;
          }
        }
      }
      .play {
        position: relative;
        top: 10px;
        height: 25px;
        padding: 0 5px;
        color: #999;
        border: 1px solid #dbdbdb;
        &:hover {
          color: #009af3;
          border: 1px solid #009af3;
          cursor: pointer;
        }
        .rs-icon.rs-icon-play2 {
          margin-right: 3px;
        }
      }
    }
    .song-list {
      .song-item {
        padding: 10px;
        display: flex;
        justify-content: space-between;
        font-size: 13px;
        cursor: pointer;
        &:hover {
          background-color: #eee;
          color: #009af3;
          .tag-special {
            display: none;
          }
        }
        .item-title {
          display: flex;
          .tag-special {
            margin-left: 10px;
            font-size: 12px;
            color: #FF7F0D;
            border: 1px solid #FF7F0D;
            border-radius: 3px;
          }
        }
      }
      .page-box {
        margin-top: 10px;
        color: #999;
        text-align: center;
      }
    }
  }

  .right-container {
    width: 300px;
    .title-box {
      padding-bottom: 15px;
      display: flex;
      justify-content: space-between;
      .main-title {
        font-size: 28px;
        color: #555;
        cursor: default;
        span {
          color: #009af3;
        }
      }
      .more {
        line-height: 40px;
        &:hover {
          color: #009af3;
          cursor: pointer;
        }
      }
    }
    .top {
      margin-bottom: 15px;
      position: relative;
      img {
        cursor: pointer;
      }
      .desc {
        width: 100%;
        padding: 5px;
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        bottom: 0;
        left: 0;
        .title {
          color: #fff;
        }
        .singer {
          color: #999;
        }
      }
    }
    .bottom {
      display: flex;
      justify-content: space-between;
      img {
        cursor: pointer;
      }
      .desc {
        width: 145px;
        .title {
          color: #333;
        }
        .singer {
          font-size: 12px;
          color: #999;
        }
      }
    }


  }





}